<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="/common/taglibs.jspf" %>
<%@include file="/common/common.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <style>
        h3 {
            font-size: 12px !important;
            height: 35px;
            line-height: 35px;
            border-bottom: 2px solid #70c871;
            color: #323232;
            font-weight: bold;
        }

        .layui-form-radio > i {
            margin-right: 2px;
            font-size: 12px;
            line-height: 12px;
        }

        .layui-input {
            height: 20px;
        }

        .reason table {
            border: none;
            border-collapse: collapse;
        }

        .reason table td {
            height: 30px;
            line-height: 20px;
            text-align: center;
            background: #FFFFFF;
            padding: 5px 0 5px 0;
            border: solid #70c871 1px;
        }

        .reason table td select {
            width: 150px;
        }

        .reason table .td1 {
            width: 75px;
            height: 20px;
        }

        .reason table .text-height {
            height: 70px;
        }

        .reason .reason-button {
            height: 20px;
            text-align: center;
            padding-top: 10px;
        }

        .right2 p label {
            cursor: pointer;
        }

        p input {
            border: none;
            border-bottom: 1px solid #999;
        }

        input[type="checkbox"] {
            display: inline !important;
        }

        #reqGrid select {
            display: inline !important;
        }

        .layui-radio-disbaled > i {
            color: black !important;
        }

        .waringTable td {
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            color: white;
            border: 2px solid #ffffff;
            width: 140px;
        }

        .waringTable .red {
            height: 140px;
            background: #D15B47;
        }

        .waringTable .orange {
            height: 140px;
            background: #F89406;
        }

        .waringTable .yellow {
            height: 140px;
            background: #FEE188;
        }

        .waringTable .green {
            height: 140px;
            background: #82AF6F;
        }

        .layui-form-label {
            width: 100px;
        }
    </style>
</head>
<body>
<div id="leftContent" class="layui-col-sm2">
    <div class="layui-tab layui-tab-card" lay-filter="listTab">
        <ul class="layui-tab-title">
            <li class="layui-this">患者列表</li>
            <li>申请列表</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <grid:grid id="patientList" shrinkToFit="true" onSelectRow="patientListSelected"
                           pageable="false" multiselect="false" queryGroup="1"
                           url='${appPath}/doctor/helper/getPatientList'>
                    <grid:column label="病历号" name="patientCode" query="true" queryMode="input"/>
                    <grid:column label="姓名" name="name"/>
                    <grid:column label="病区" name="wardId" query="true" queryMode="select" redis="wardCache"
                                 queryValue="${wardId}"/>
                    <grid:toolbar function="search"/>
                </grid:grid>
            </div>
            <div class="layui-tab-item">
                <grid:grid id="applyList" multiselect="false" ondblClickRow="applyListSelected" pageable="false"
                           onSelectRow="applyListSelected" queryGroup="1">
                    <grid:column label="状态" name="d" query="true" key="true" width="80" queryMode="select"/>
                    <grid:column label="申请单号" query="true" name="c" width="55"/>
                    <grid:column label="姓名" query="true" name="a" width="60"/>
                    <grid:column label="申请日期" query="true" name="b" width="60" hidden="true"/>
                    <grid:column label="病区" name="wardId" query="true" queryMode="select" redis="wardCache"
                                 hidden="true"
                                 queryValue="${wardId}"/>
                    <grid:toolbar function="search"/>
                </grid:grid>
            </div>
        </div>
    </div>
</div>
<div id="centerContent" class="layui-col-sm2" style="padding-left: 10px;padding-right: 10px">
    <h3>患者基本信息</h3>
    <form class="layui-form " action="" style="padding-top: 5px">
        <div class="layui-form-item">
            <label class="layui-form-label">住院号:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                       readonly="readonly" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">姓名:</label>
            <div class="layui-input-block">
                <input type="text" name="username" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">在院方式:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">病区:</label>
            <div class="layui-input-block">
                <input type="text" name="username" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">床位号:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">性别:</label>
            <div class="layui-input-block">
                <input type="text" name="username" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">年龄:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">联系电话:</label>
            <div class="layui-input-block">
                <input type="text" name="username" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">家庭住址:</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" class="" style="width: 100%;height: 50px;" rows="2"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">临床诊断:</label>
            <div class="layui-input-block">
                <input type="text" name="username" lay-verify="required" placeholder="请输入" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">检查同意书:</label>
            <div class="layui-input-block">
                <input type="radio" name="a" value="未签" title="未签" checked="">
                <input type="radio" name="a" value="已签" title="已签">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">结婚史:</label>
            <div class="layui-input-block">
                <input type="radio" name="b" value="未婚" title="已婚" checked="">
                <input type="radio" name="b" value="未婚" title="已婚">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">是否手术:</label>
            <div class="layui-input-block">
                <input type="radio" name="c" value="是" title="是" checked="">
                <input type="radio" name="c" value="否" title="否">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">手术时间:</label>
            <div class="layui-input-block">
                <input type="text" name="sssj" id="sssj" lay-verify="date" placeholder="yyyy-MM-dd HH:mm:ss"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">手术医生:</label>
            <div class="layui-input-block">
                <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">手术所见:</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" class="" style="width: 100%;height: 50px;" rows="2"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">患者主诉:</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" class="" style="width: 100%;height: 50px;" rows="2"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">病史简要:</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" class="" style="width: 100%;height: 50px;" rows="2"></textarea>
            </div>
        </div>
    </form>

</div>

<div id="rightContent" class="layui-col-sm8" style="padding-left: 10px;padding-right: 10px">
    <h3>病理检查申请信息</h3>
    <form class="layui-form " action="" style="padding-top: 5px">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">申请单号:</label>
                <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">送检单位:</label>
                <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">检查项目:</label>
                <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">申请日期:</label>
                <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                           class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">病种类别:</label>
                <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">送检科室:</label>
                <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">送检电话:</label>
                <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">送检医生:</label>
                <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                           class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">检查要求:</label>
            <div class="layui-input-block">
                <textarea id="aa" placeholder="请输入内容" class="" style="width: 96%;height: 50px;" rows="2"></textarea>
            </div>
        </div>
    </form>
    <h3>送检材料明细</h3>
    <div style="padding-top: 3px">
        <grid:grid id="patientList123" shrinkToFit="true" onSelectRow="patientListSelected" height="20%"
                   pageable="false" multiselect="false" queryGroup="3"
                   url='${appPath}/doctor/helper/getPatientList'>
            <grid:column label="切取部位" name="patientCode" queryMode="input"/>
            <grid:column label="送检材料" name="name"/>
            <grid:column label="备注" name="wardId" queryMode="select" redis="wardCache"
                         queryValue="${wardId}"/>
            <grid:toolbar function="exportExcel" icon="ace-icon fa fa-print bigger-110" title="增加"/>
            <grid:toolbar function="exportExcel" icon="ace-icon fa fa-print bigger-110" title="删除"/>
            <grid:toolbar function="exportExcel" icon="ace-icon fa fa-print bigger-110" title="提交申请"/>
        </grid:grid>
    </div>
    <h3>女性特有项目和其它检查结果</h3>
    <form class="layui-form " action="" style="padding-top: 5px">
        <div class="layui-form-item">
            <div class="layui-inline">
                <div style="vertical-align: top">
                    <label class="layui-form-label">是否绝经:</label>
                    <div class="layui-input-block">
                        <input type="radio" name="d" value="是" title="是" checked="">
                        <input type="radio" name="d" value="否" title="否">
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <div style="vertical-align: top">
                        <label class="layui-form-label">初次月经:</label>
                        <div class="layui-input-block">
                            <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                                   class="layui-input">
                        </div>
                    </div>
                    <div style="vertical-align: top;margin-top: 10px">
                        <label class="layui-form-label">末次月经:</label>
                        <div class="layui-input-block">
                            <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                                   class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-inline" style="vertical-align: top">
                    <label class="layui-form-label">B超检查结果:</label>
                    <div class="layui-input-block">
                        <textarea placeholder="请输入内容" class="" style="width: 150%;height: 63px;" rows="2"></textarea>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">周期:</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                               class="layui-input">
                    </div>
                    <label class="layui-form-label">经期:</label>
                    <div class="layui-input-block">
                        <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题"
                               class="layui-input">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">CT检查结果:</label>
                    <div class="layui-input-block">
                        <div class="layui-inline">
                            <textarea placeholder="请输入内容" class="" style="width: 150%;height: 63px;"
                                      rows="2"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">其它检查结果:</label>
                <div class="layui-input-block">
                    <div class="layui-inline">
                        <textarea placeholder="请输入内容" class="" style="width: 340%;height: 63px;" rows="2"></textarea>
                    </div>
                </div>
            </div>
    </form>
</div>

<script>
    layui.use(['form', 'layedit', 'laydate', 'element'], function () {
        var form = layui.form
                , layer = layui.layer
                , element = layui.element
                , laydate = layui.laydate;
        laydate.render({
            elem: '#sssj',
            type: 'datetime'
        });
        //Tab的切换功能，切换事件监听等，需要依赖element模块
        //tab切换监听
        element.on('tab(listTab)', function (data) {
        });
        $('.site-demo-active').on('click', function () {
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });
    });

    function patientListSelected() {

    }
    function applyListSelected() {

    }
</script>
</body>
</html>